<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="../templates/ui.xhtml">

    <ui:define name="content">
        <h:form>
            <p:calendar value="#{tiketMB.fecha}" mode="inline" id="dia" locale="es_ES"/>
            <p:dataTable var="cliente" value="#{tiketMB.model}" paginator="true" rows="10" 
                         rowKey="#{cliente.idusuario}" selection="#{tiketMB.usuarioSelected}" selectionMode="multiple">
                <p:column headerText="Nombre">
                    <h:outputText value="#{cliente.nombre}"/>
                </p:column>
                <p:column headerText="Colonia">
                    <h:outputText value="#{cliente.colonia.nombre}"/>
                </p:column>
                <p:column headerText="Dirección">
                    <h:outputText value="#{cliente.direccion}"/>
                </p:column>
                <p:column headerText="idUsuario">
                    <h:outputText value="#{cliente.idusuario}" />
                </p:column>
                <p:column headerText="Seleccionar">
                    <h:outputText value="Clickéame"/>
                </p:column>
            </p:dataTable>
            <p:commandButton value="Imprimir" icon="ui-icon-print" actionListener="#{tiketMB.forward}" ajax="false"/>
        </h:form>
    </ui:define>
</ui:composition>